<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!--
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 3.0 License

Name       : Big Business
Description: A two-column, fixed-width design with a bright color scheme.
Version    : 1.0
Released   : 20120210
-->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta name="description" content="" />
<meta name="keywords" content="" />
<title>Big Business by Free CSS Templates</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="../style.css" />
</head>
<body>
<div id="wrapper">
	<div id="header">
		<div id="logo">
			<h1><a href="#"><span id="soc_name1"></span></a></h1>
		</div>
		<div id="slogan">
			<h2>Welcome <span id="user"></span></h2>
		</div>
	</div>
	<div id="menu">
		<ul>
			<li class="first current_page_item"><a href="home">Home</a></li>
			<li><a href="Committee/committee">Managing Committee</a></li>
			<li><a href="Issues/report-issue">Report Issue</a></li>
			<li class="last"><a href="Contact/contact-us">Contact</a></li>
			<li><span id="role"></span></li>
		</ul>
		<br class="clearfix" />
	</div>
	<div id="page">
		<div id="content">
			<div class="box">
				<h3>Welcome to <span id="soc_name2"></span><hr/></h3>
				
				<p>
					This is <strong><span id="soc_name3"></span></strong>'s Portal for its members. You can reach the committee
					online for your convenience to report issues or see any upcoming events with respect to the society. 
				</p>
			</div>
			<div class="box" id="content-box1">
				<h3>Latest</h3>
				<ul class="section-list">
					<li class="first">
						<img class="pic alignleft" src="../images/pic02.jpg" width="70" height="70" alt="" />
						<span>Latest event 1</span>
					</li>
					<li>
						<img class="pic alignleft" src="../images/pic02.jpg" width="70" height="70" alt="" />
						<span>Latest event 2</span>
					</li>
					<li class="last">
						<img class="pic alignleft" src="../images/pic02.jpg" width="70" height="70" alt="" />
						<span>Latest event 3</span>
					</li>
				</ul>
				<div style="padding-top:20px">
					<a href="#">View More</a>
				</div>
			</div>
			<div class="box" id="content-box2">
				<h3>Articles</h3>
				<p>
					This section shows the latest articles uploaded by its members. You can make advertisements too! :)
					Just <a href="#">Click here.</a>
				</p>
				<ul class="list">
					<li class="first"><a href="#">Article 1</a></li>
					<li><a href="#">Article 2</a></li>
					<li><a href="#">Article 3</a></li>
					<li><a href="#">Article 4</a></li>
					<li class="last"><a href="#">Article 5</a></li>
				</ul>
				<div style="padding-top:20px">
					<a href="#">View All</a>
				</div>
			</div>
			
			<br class="clearfix" />
		</div>
		<div id="sidebar">
			<div class="box">
				<h3>Birthdays <span style="font-size:10px">(In this week)</span></h3>
				<div class="date-list">
					<ul class="list date-list">
						<li class="first"><span class="date">7/05</span> <a href="#">Mihir Joshi</a></li>
						<li><span class="date">6/01</span> <a href="#">Mugdha Joshi</a></li>
					</ul>
				</div>
			</div>
		</div>
		<br class="clearfix" />
	</div>
	<div id="page-bottom">
		<div id="page-bottom-content">
			<h3>Footer</h3>
			<p>
				Deciding what will be the text
			</p>
		</div>
		<div id="page-bottom-sidebar">
			<h3>Pending</h3>
			<ul class="list">
				<li class="first"><a href="#">1</a></li>
				<li><a href="#">2</a></li>
				<li class="last"><a href="#">3</a></li>
			</ul>
		</div>
		<br class="clearfix" />
	</div>
</div>
<div id="footer">
	Copyright (c) 2012 dskakashganga.com. All rights reserved. Design by <a href="http://www.google.com/">Visit Google</a>.
</div>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script>
<script type="text/javascript">

$(document).ready(function(){
		
		$.get("../bind?id=soc_name" , function(data){
			var name = data;
			$("#soc_name1").html(name);
			$("#soc_name2").html(name);
			$("#soc_name3").html(name);
		});
		
		$.get("../bind?id=user",function(data){
			$("#user").html(data);
		});

		$.get("../bind?id=role&home=1",function(data){
			$("#role").html(data);
		});
});
</script>

</body>
</html>